



<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#FFF">
  <link rel="apple-touch-icon" sizes="180x180" href="/web/images/apple-touch-icon.png">

<link rel="icon" type="image/ico" sizes="32x32" href="/web/images/favicon.ico">
  <meta http-equiv="Cache-Control" content="no-transform">
  <meta http-equiv="Cache-Control" content="no-siteapp">


<link rel="alternate" type="application/rss+xml" title="Mushoku Tensei" href="https://tenkinoko.gitee.io/web/rss.xml" />
<link rel="alternate" type="application/atom+xml" title="Mushoku Tensei" href="https://tenkinoko.gitee.io/web/atom.xml" />
<link rel="alternate" type="application/json" title="Mushoku Tensei" href="https://tenkinoko.gitee.io/web/feed.json" />

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Mulish:300,300italic,400,400italic,700,700italic%7CFredericka%20the%20Great:300,300italic,400,400italic,700,700italic%7CNoto%20Serif%20JP:300,300italic,400,400italic,700,700italic%7CNoto%20Serif%20SC:300,300italic,400,400italic,700,700italic%7CInconsolata:300,300italic,400,400italic,700,700italic&display=swap&subset=latin,latin-ext">

<link rel="stylesheet" href="/web/css/app.css?v=0.2.5">

  

<link rel="canonical" href="https://tenkinoko.gitee.io/web/2023/10/08/%E5%88%B6%E4%BD%9C%E4%BD%8D%E5%9B%BE%E6%96%87%E5%AD%97/">



  <title>
【Unityの进化四十六亿重奏】第一章 学会使用（Bitmap Font Generator）制作位图文字 - 小技巧 - Unity |
Tenkinoko的网站 = Mushoku Tensei = BlogWeb</title>
<meta name="generator" content="Hexo 6.3.0"></head>
<body itemscope itemtype="http://schema.org/WebPage">
  <div id="loading">
    <div class="cat">
      <div class="body"></div>
      <div class="head">
        <div class="face"></div>
      </div>
      <div class="foot">
        <div class="tummy-end"></div>
        <div class="bottom"></div>
        <div class="legs left"></div>
        <div class="legs right"></div>
      </div>
      <div class="paw">
        <div class="hands left"></div>
        <div class="hands right"></div>
      </div>
    </div>
  </div>
  <div id="container">
    <header id="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="inner">
        <div id="brand">
          <div class="pjax">
          
  <h1 itemprop="name headline">【Unityの进化四十六亿重奏】第一章 学会使用（Bitmap Font Generator）制作位图文字
  </h1>
  
<div class="meta">
  <span class="item" title="创建时间：2023-10-08 10:24:11">
    <span class="icon">
      <i class="ic i-calendar"></i>
    </span>
    <span class="text">发表于</span>
    <time itemprop="dateCreated datePublished" datetime="2023-10-08T10:24:11+08:00">2023-10-08</time>
  </span>
</div>


          </div>
        </div>
        <nav id="nav">
  <div class="inner">
    <div class="toggle">
      <div class="lines" aria-label="切换导航栏">
        <span class="line"></span>
        <span class="line"></span>
        <span class="line"></span>
      </div>
    </div>
    <ul class="menu">
      <li class="item title"><a href="/web/" rel="start">Tenkinoko的网站</a></li>
    </ul>
    <ul class="right">
      <li class="item theme">
        <i class="ic i-sun"></i>
      </li>
      <li class="item search">
        <i class="ic i-search"></i>
      </li>
    </ul>
  </div>
</nav>

      </div>
      <div id="imgs" class="pjax">
          <img src="https://raw.githubusercontent.com/Tenkinoko-Hen/ImgPicGo/main/img/20231008093736.png">
      </div>
    </header>
    <div id="waves">
      <svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
        <defs>
          <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
        </defs>
        <g class="parallax">
          <use xlink:href="#gentle-wave" x="48" y="0" />
          <use xlink:href="#gentle-wave" x="48" y="3" />
          <use xlink:href="#gentle-wave" x="48" y="5" />
          <use xlink:href="#gentle-wave" x="48" y="7" />
        </g>
      </svg>
    </div>
    <main>
      <div class="inner">
        <div id="main" class="pjax">
          
  <div class="article wrap">
    
<div class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<i class="ic i-home"></i>
<span><a href="/web/">首页</a></span><i class="ic i-angle-right"></i>
<span  itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="/web/categories/Unity-engine/" itemprop="item" rel="index" title="分类于 Unity"><span itemprop="name">Unity</span></a>
<meta itemprop="position" content="1" /></span>
<i class="ic i-angle-right"></i>
<span  class="current" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="/web/categories/Unity-engine/tips/" itemprop="item" rel="index" title="分类于 小技巧"><span itemprop="name">小技巧</span></a>
<meta itemprop="position" content="2" /></span>
</div>

    <article itemscope itemtype="http://schema.org/Article" class="post block" lang="zh-CN">
  <link itemprop="mainEntityOfPage" href="https://tenkinoko.gitee.io/web/2023/10/08/%E5%88%B6%E4%BD%9C%E4%BD%8D%E5%9B%BE%E6%96%87%E5%AD%97/">

  <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
    <meta itemprop="image" content="/web/images/avatar.jpg">
    <meta itemprop="name" content="Tenkinoko">
    <meta itemprop="description" content="BlogWeb, ">
  </span>

  <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <meta itemprop="name" content="Mushoku Tensei">
  </span>

  <div class="body md" itemprop="articleBody">
    

    <h1 id="前言"><a class="markdownIt-Anchor" href="#前言">#</a> 前言</h1>
<p>为了成为 “未来的 Unity 主程”，学习各个基础功能的实现，深入了解并了解性能优化方法等等…<br>
 我创立了此系列 是为实现某个功能，实现某种逻辑操作的系列，让这一个个小知识成为我们进化的养料吧。</p>
<hr>
<p><code>提示：以下是本篇文章正文内容，下面案例可供参考</code></p>
<h1 id="一-位图是什么"><a class="markdownIt-Anchor" href="#一-位图是什么">#</a> 一、位图是什么？</h1>
<p>这篇文章主要是分享一下 Unity 中如何制作 Bitmap 字体（图片字体），我假设看到这篇文章的人都已经知道什么是制作 Bitmap 字体了，很多时候你遇到的问题没有人能帮你，你只能靠自己。如果你不清楚什么是制作 Bitmap 字体的话请先谷歌一下（抵制百度从我做起）。</p>
<h1 id="二-使用步骤"><a class="markdownIt-Anchor" href="#二-使用步骤">#</a> 二、使用步骤</h1>
<h2 id="1美术资源"><a class="markdownIt-Anchor" href="#1美术资源">#</a> 1. 美术资源</h2>
<p>这个资源因人而异，我这边使用最常用的数字 UI 美术资源<br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e21c3c4e95f84711ab23c078628b5532~tplv-k3u1fbpfcp-zoom-1.image" alt="请添加图片描述"></p>
<hr>
<h2 id="2用片切工具或者其他同样效果的工具-处理图片"><a class="markdownIt-Anchor" href="#2用片切工具或者其他同样效果的工具-处理图片">#</a> 2. 用片切工具或者其他同样效果的工具 处理图片</h2>
<p>这边使用了 PS 的片切工具，我也是第一次用画的不是很规整，每张图尽量大小一样，不然后续呈现的效果会有点抽象。（不知道片切工具的去谷歌！）<br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/35fd070e5cca4e02a249cd0927aad03c~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述">处理完后导出 Web 使用的格式<br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d0eee655d4f14010a356c426645b51b9~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述">选择你导出的文件夹，PS 就自动导出了，如图所示</p>
<p><img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/842057a517b74a24a7e87420a2323899~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述">这样图片资源就已经制作好了，当然有现成的就用现成的，美术人员能做就给他们做（）</p>
<hr>
<h1 id="三-下载使用bitmap-font-generator"><a class="markdownIt-Anchor" href="#三-下载使用bitmap-font-generator">#</a> 三、下载使用 Bitmap Font Generator</h1>
<h2 id="1程序下载"><a class="markdownIt-Anchor" href="#1程序下载">#</a> 1. 程序下载</h2>
<p>Bitmap Font Generator：<span class="exturl" data-url="aHR0cDovL3d3dy5hbmdlbGNvZGUuY29tL3Byb2R1Y3RzL2JtZm9udC8=">下载地址</span><br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/72d69008e6134cbfb59b9e713d43211e~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"></p>
<h2 id="2程序使用"><a class="markdownIt-Anchor" href="#2程序使用">#</a> 2. 程序使用</h2>
<p>运行 <code>bmfont64.exe</code> <br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8c38d59e4c304ee196b5d1a5946cae00~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述">启动后点击左上角选项 <code>Edit/Open Image Manager</code> <br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/246fe7faf5f44635a9ad8e23bc877fb7~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述">在弹出的窗口中，点击 <code>Image/Import image..</code>  来导入图片</p>
<p><img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9fa976afe727490da240a24d654ea0cf~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"><br>
选择数字 <code>0</code>  的图片，在 <code>Id</code>  输入框中输入 <code>0</code>  对应的 ASCII 码： <code>48</code>  点击 <code>OK</code>  按钮导入</p>
<p><img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/15426ac607b04030981ad15ac6c89c58~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述">把 PS 导出的数字图片全部导入进来<br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/080d7cbfb2e74b519a1e40b25d42a8cd~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"><br>
导入成功的图片会显示天蓝色的方点<br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7abe35918c34437b8a33d4b3e95c4ac0~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"></p>
<blockquote>
<p>ASCLL 编码对照表在文章末尾</p>
</blockquote>
<h2 id="3-配置设置"><a class="markdownIt-Anchor" href="#3-配置设置">#</a> 3、配置设置</h2>
<p>点击左上角菜单 <code>Options/Export options</code> <br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/269a1ab789004ca9b45458d4af35f891~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"><br>
在弹出的窗口设置最后导出图片的宽高（ <code>Wideth、Height</code> ），这个尺寸看美术资源而定，正常使用设置为导出后为一张图，且图上都是之前设置的数字；<br>
 设置字体描述文件格式为 <code>XML</code> ;<br>
 设置字体图片格式为 <code>png</code> ；<br>
最后点击 <code>ok</code> <br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ce083b68edf74417b1be0bee502ade8c~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"></p>
<h2 id="4-导出"><a class="markdownIt-Anchor" href="#4-导出">#</a> 4、导出</h2>
<p>点击菜单 <code>Options/Save bitmap font as...</code></p>
<p><img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d531fec7c9bb409f950c49db1cc8f69c~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"><br>
在弹出的页面中选择导出的路径即可<br>
导出后会生成两个文件： <code>.fnt</code>  和 <code>.png</code> , 如下<br>
 <code>如果发现生成了多张PNG图片 请重新设置图片宽高</code> <br>
这里的 <code>.fnt</code>  文件记录了各个数字在图片的坐标参数</p>
<p><img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4e20c2c94e7f4798b639fea20602b8f8~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"></p>
<hr>
<h1 id="四-在unity中使用所导出的自定义字体"><a class="markdownIt-Anchor" href="#四-在unity中使用所导出的自定义字体">#</a> 四、在 Unity 中使用所导出的自定义字体</h1>
<h2 id="下载bitmapfontimporter插件"><a class="markdownIt-Anchor" href="#下载bitmapfontimporter插件">#</a> 下载 BitmapFontImporter 插件</h2>
<blockquote>
<p>这样就能直接拖进去使用了<br>
<span class="exturl" data-url="aHR0cHM6Ly9hc3NldHN0b3JlLnVuaXR5LmNvbS9wYWNrYWdlcy90b29scy9ndWkvYml0bWFwLWZvbnQtaW1wb3J0ZXItNjIxMjg="> BitmapFontImporter 插件</span></p>
</blockquote>
<p>Unity 安装完后将导出的两个文件拖进去，即可使用<br>
<img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/265eb87d692e40b7b86cbd2367897a40~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"></p>
<h1 id="五-ascll码对照表"><a class="markdownIt-Anchor" href="#五-ascll码对照表">#</a> 五、ASCLL 码对照表</h1>
<p><img data-src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c0a9620ba0f64994b70ff594833bfbeb~tplv-k3u1fbpfcp-zoom-1.image" alt="在这里插入图片描述"></p>
<h1 id="六-总结"><a class="markdownIt-Anchor" href="#六-总结">#</a> 六、总结</h1>
<p>位图这东西基本上是美术那边提供的，但我们也得会～<br>
Bitmap Font Generator 自然也是可以导入中文的，有兴趣的可以谷歌康康～</p>

  </div>

   <footer>

    <div class="meta">
  <span class="item">
    <span class="icon">
      <i class="ic i-calendar-check"></i>
    </span>
    <span class="text">更新于</span>
    <time title="修改时间：2023-10-08 10:46:05" itemprop="dateModified" datetime="2023-10-08T10:46:05+08:00">2023-10-08</time>
  </span>
  <span id="2023/10/08/制作位图文字/" class="item leancloud_visitors" data-flag-title="【Unityの进化四十六亿重奏】第一章 学会使用（Bitmap Font Generator）制作位图文字" title="阅读次数">
      <span class="icon">
        <i class="ic i-eye"></i>
      </span>
      <span class="text">阅读次数</span>
      <span class="leancloud-visitors-count"></span>
      <span class="text">次</span>
  </span>
</div>

      
<div class="reward">
  <button><i class="ic i-heartbeat"></i> 赞赏</button>
  <p>请我喝[茶]~(￣▽￣)~*</p>
  <div id="qr">
      
      <div>
        <img data-src="/web/images/wechatpay.png" alt="Tenkinoko 微信支付">
        <p>微信支付</p>
      </div>
      
      <div>
        <img data-src="/web/images/alipay.png" alt="Tenkinoko 支付宝">
        <p>支付宝</p>
      </div>
      
      <div>
        <img data-src="/web/images/paypal.png" alt="Tenkinoko 贝宝">
        <p>贝宝</p>
      </div>
  </div>
</div>

      

<div id="copyright">
<ul>
  <li class="author">
    <strong>本文作者： </strong>Tenkinoko <i class="ic i-at"><em>@</em></i>Mushoku Tensei
  </li>
  <li class="link">
    <strong>本文链接：</strong>
    <a href="https://tenkinoko.gitee.io/web/2023/10/08/%E5%88%B6%E4%BD%9C%E4%BD%8D%E5%9B%BE%E6%96%87%E5%AD%97/" title="【Unityの进化四十六亿重奏】第一章 学会使用（Bitmap Font Generator）制作位图文字">https://tenkinoko.gitee.io/web/2023/10/08/制作位图文字/</a>
  </li>
  <li class="license">
    <strong>版权声明： </strong>本站所有文章除特别声明外，均采用 <span class="exturl" data-url="aHR0cHM6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLXNhLzQuMC9kZWVkLnpo"><i class="ic i-creative-commons"><em>(CC)</em></i>BY-NC-SA</span> 许可协议。转载请注明出处！
  </li>
</ul>
</div>

  </footer>

</article>

  </div>
  

<div class="post-nav">
    <div class="item left">
      

  <a href="/web/2023/10/07/Hello-hexo/" itemprop="url" rel="prev" data-background-image="https:&#x2F;&#x2F;raw.githubusercontent.com&#x2F;Tenkinoko-Hen&#x2F;ImgPicGo&#x2F;main&#x2F;img&#x2F;112010691_p1.png" title="Hello hexo">
  <span class="type">上一篇</span>
  <span class="category"><i class="ic i-flag"></i> </span>
  <h3>Hello hexo</h3>
  </a>

    </div>
    <div class="item right">
    </div>
</div>

  
  <div class="wrap" id="comments"></div>


        </div>
        <div id="sidebar">
          

<div class="inner">

  <div class="panels">
    <div class="inner">
      <div class="contents panel pjax" data-title="文章目录">
          <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%89%8D%E8%A8%80"><span class="toc-number">1.</span> <span class="toc-text"> 前言</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E4%B8%80-%E4%BD%8D%E5%9B%BE%E6%98%AF%E4%BB%80%E4%B9%88"><span class="toc-number">2.</span> <span class="toc-text"> 一、位图是什么？</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E4%BA%8C-%E4%BD%BF%E7%94%A8%E6%AD%A5%E9%AA%A4"><span class="toc-number">3.</span> <span class="toc-text"> 二、使用步骤</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#1%E7%BE%8E%E6%9C%AF%E8%B5%84%E6%BA%90"><span class="toc-number">3.1.</span> <span class="toc-text"> 1. 美术资源</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2%E7%94%A8%E7%89%87%E5%88%87%E5%B7%A5%E5%85%B7%E6%88%96%E8%80%85%E5%85%B6%E4%BB%96%E5%90%8C%E6%A0%B7%E6%95%88%E6%9E%9C%E7%9A%84%E5%B7%A5%E5%85%B7-%E5%A4%84%E7%90%86%E5%9B%BE%E7%89%87"><span class="toc-number">3.2.</span> <span class="toc-text"> 2. 用片切工具或者其他同样效果的工具 处理图片</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E4%B8%89-%E4%B8%8B%E8%BD%BD%E4%BD%BF%E7%94%A8bitmap-font-generator"><span class="toc-number">4.</span> <span class="toc-text"> 三、下载使用 Bitmap Font Generator</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#1%E7%A8%8B%E5%BA%8F%E4%B8%8B%E8%BD%BD"><span class="toc-number">4.1.</span> <span class="toc-text"> 1. 程序下载</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2%E7%A8%8B%E5%BA%8F%E4%BD%BF%E7%94%A8"><span class="toc-number">4.2.</span> <span class="toc-text"> 2. 程序使用</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#3-%E9%85%8D%E7%BD%AE%E8%AE%BE%E7%BD%AE"><span class="toc-number">4.3.</span> <span class="toc-text"> 3、配置设置</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#4-%E5%AF%BC%E5%87%BA"><span class="toc-number">4.4.</span> <span class="toc-text"> 4、导出</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9B%9B-%E5%9C%A8unity%E4%B8%AD%E4%BD%BF%E7%94%A8%E6%89%80%E5%AF%BC%E5%87%BA%E7%9A%84%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93"><span class="toc-number">5.</span> <span class="toc-text"> 四、在 Unity 中使用所导出的自定义字体</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%8B%E8%BD%BDbitmapfontimporter%E6%8F%92%E4%BB%B6"><span class="toc-number">5.1.</span> <span class="toc-text"> 下载 BitmapFontImporter 插件</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E4%BA%94-ascll%E7%A0%81%E5%AF%B9%E7%85%A7%E8%A1%A8"><span class="toc-number">6.</span> <span class="toc-text"> 五、ASCLL 码对照表</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%85%AD-%E6%80%BB%E7%BB%93"><span class="toc-number">7.</span> <span class="toc-text"> 六、总结</span></a></li></ol>
      </div>
      <div class="related panel pjax" data-title="系列文章">
        <ul>
          <li class="active"><a href="/web/2023/10/08/%E5%88%B6%E4%BD%9C%E4%BD%8D%E5%9B%BE%E6%96%87%E5%AD%97/" rel="bookmark" title="【Unityの进化四十六亿重奏】第一章 学会使用（Bitmap Font Generator）制作位图文字">【Unityの进化四十六亿重奏】第一章 学会使用（Bitmap Font Generator）制作位图文字</a></li>
        </ul>
      </div>
      <div class="overview panel" data-title="站点概览">
        <div class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">
  <img class="image" itemprop="image" alt="Tenkinoko"
      data-src="/web/images/avatar.jpg">
  <p class="name" itemprop="name">Tenkinoko</p>
  <div class="description" itemprop="description"></div>
</div>

<nav class="state">
    <div class="item posts">
      <a href="/web/archives/">
        <span class="count">3</span>
        <span class="name">文章</span>
      </a>
    </div>
    <div class="item categories">
      <a href="/web/categories/">
        <span class="count">2</span>
        <span class="name">分类</span>
      </a>
    </div>
</nav>

<div class="social">
      <span class="exturl item github" data-url="aHR0cHM6Ly9naXRodWIuY29tL1Rlbmtpbm9rby1IZW4=" title="https:&#x2F;&#x2F;github.com&#x2F;Tenkinoko-Hen"><i class="ic i-github"></i></span>
      <span class="exturl item music" data-url="aHR0cHM6Ly9tdXNpYy4xNjMuY29tLyMvdXNlci9ob21lP2lkPTMxOTcxMDg3OQ==" title="https:&#x2F;&#x2F;music.163.com&#x2F;#&#x2F;user&#x2F;home?id&#x3D;319710879"><i class="ic i-cloud-music"></i></span>
      <a href="/web/qingshihen@gmail.com" title="qingshihen@gmail.com" class="item email"><i class="ic i-envelope"></i></a>
      <span class="exturl item youtube" data-url="aHR0cHM6Ly93d3cueW91dHViZS5jb20vY2hhbm5lbC9VQ0hRUEZOVkdXdXJWZDBMNXRLa0FScnc=" title="https:&#x2F;&#x2F;www.youtube.com&#x2F;channel&#x2F;UCHQPFNVGWurVd0L5tKkARrw"><i class="ic i-youtube"></i></span>
</div>

<ul class="menu">
  
    
  <li class="item">
    <a href="/web/" rel="section"><i class="ic i-home"></i>首页</a>
  </li>

    
  <li class="item">
    <a href="/web/about/" rel="section"><i class="ic i-user"></i>关于</a>
  </li>

        
  <li class="item dropdown">
      <a href="javascript:void(0);"><i class="ic i-feather"></i>文章</a>
    <ul class="submenu">

        
  <li class="item">
    <a href="/web/archives/" rel="section"><i class="ic i-list-alt"></i>归档</a>
  </li>

        
  <li class="item">
    <a href="/web/categories/" rel="section"><i class="ic i-th"></i>分类</a>
  </li>

        
  <li class="item">
    <a href="/web/tags/" rel="section"><i class="ic i-tags"></i>标签</a>
  </li>

  </ul>

</ul>

      </div>
    </div>
  </div>

  <ul id="quick">
    <li class="prev pjax">
    </li>
    <li class="up"><i class="ic i-arrow-up"></i></li>
    <li class="down"><i class="ic i-arrow-down"></i></li>
    <li class="next pjax">
    </li>
    <li class="percent"></li>
  </ul>
</div>


        </div>
        <div class="dimmer"></div>
      </div>
    </main>
    <footer id="footer">
      <div class="inner">
        <div class="widgets">
          
<div class="rpost pjax">
  <h2>随机文章</h2>
  <ul>
      
  <li class="item">
    
<div class="breadcrumb">
<a href="/web/categories/Unity-engine/" title="分类于 Unity">Unity</a>
<i class="ic i-angle-right"></i>
<a href="/web/categories/Unity-engine/tips/" title="分类于 小技巧">小技巧</a>
</div>

    <span><a href="/web/2023/10/08/%E5%88%B6%E4%BD%9C%E4%BD%8D%E5%9B%BE%E6%96%87%E5%AD%97/" title="【Unityの进化四十六亿重奏】第一章 学会使用（Bitmap Font Generator）制作位图文字">【Unityの进化四十六亿重奏】第一章 学会使用（Bitmap Font Generator）制作位图文字</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
</div>

    <span><a href="/web/2023/10/07/hello-world/" title="Hello World">Hello World</a></span>
  </li>

      
  <li class="item">
    
<div class="breadcrumb">
</div>

    <span><a href="/web/2023/10/07/Hello-hexo/" title="Hello hexo">Hello hexo</a></span>
  </li>

  </ul>
</div>
<div>
  <h2>最新评论</h2>
  <ul class="leancloud-recent-comment"></ul>
</div>

        </div>
        <div class="status">
  <div class="copyright">
    
    &copy; 2010 – 
    <span itemprop="copyrightYear">2023</span>
    <span class="with-love">
      <i class="ic i-sakura rotate"></i>
    </span>
    <span class="author" itemprop="copyrightHolder">Tenkinoko @ Tenkinoko的网站</span>
  </div>
  <div class="powered-by">
    基于 <span class="exturl" data-url="aHR0cHM6Ly9oZXhvLmlv">Hexo</span> & Theme.<span class="exturl" data-url="aHR0cHM6Ly9naXRodWIuY29tL2FtZWhpbWUvaGV4by10aGVtZS1zaG9rYQ==">Shoka</span>
  </div>
</div>

      </div>
    </footer>
  </div>
<script data-config type="text/javascript">
  var LOCAL = {
    path: '2023/10/08/制作位图文字/',
    favicon: {
      show: "（●´3｀●）やれやれだぜ",
      hide: "(´Д｀)大変だ！"
    },
    search : {
      placeholder: "文章搜索",
      empty: "关于 「 ${query} 」，什么也没搜到",
      stats: "${time} ms 内找到 ${hits} 条结果"
    },
    valine: true,fancybox: true,
    copyright: '复制成功，转载请遵守 <i class="ic i-creative-commons"></i>BY-NC-SA 协议。',
    ignores : [
      function(uri) {
        return uri.includes('#');
      },
      function(uri) {
        return new RegExp(LOCAL.path+"$").test(uri);
      }
    ]
  };
</script>

<script src="https://cdn.polyfill.io/v2/polyfill.js"></script>

<script src="//cdn.jsdelivr.net/combine/npm/pace-js@1.0.2/pace.min.js,npm/pjax@0.2.8/pjax.min.js,npm/whatwg-fetch@3.4.0/dist/fetch.umd.min.js,npm/animejs@3.2.0/lib/anime.min.js,npm/algoliasearch@4/dist/algoliasearch-lite.umd.js,npm/instantsearch.js@4/dist/instantsearch.production.min.js,npm/lozad@1/dist/lozad.min.js,npm/quicklink@2/dist/quicklink.umd.js"></script>

<script src="/web/js/app.js?v=0.2.5"></script>




</body>
</html>
